import dash
import dash.html as html

app = dash.Dash(__name__)

app.layout = html.Div(
    children=[
        html.H1("this H1"),
        html.H2("this H2"),
        html.H3("this H3"),
        html.H4("this H4"),
        html.H5("this H5"),
        html.H6("this H6"),
        html.P("这是一个段落"),
        html.A("这是一个链接/link", href="https://www.baidu.com"),
        # html.Img(src='https://dash.plotly.com/assets/images/logo.png', alt='Dash Logo')
        html.Img(src="assets/111.jpg", alt="这是一个图片"),
        # 无序列表
        html.Ul([html.Li("列表项 1"), html.Li("列表项 2"), html.Li("列表项 3")]),
        # 有序列表
        html.Ol(
            [
                html.Li("有序列表1"),
                html.Li("有序列表2"),
                html.Li("有序列表3"),
            ]
        ),
        # 换行Br, 水平线Hr
        html.P("这是1段落"),
        html.Br(),
        html.Hr(),
        html.P("这是2段落"),
        # Span 内联容器
        html.P(
            [
                "这是一段包含 ",
                html.Span("特殊样式", style={"color": "red", "font-weight": "bold"}),
                " 文本的段落。",
            ]
        ),
    ]
)

if __name__ == "__main__":
    app.run(debug=True, port=8090)
